<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />

  <script type="text/javascript" src="script/three.js"></script>
  <script type="text/javascript" src="script/eventemitter2.js"></script>
  <script type="text/javascript" src="script/roslib.js"></script>
  <script type="text/javascript" src="script/ros3d.js"></script>
  <script type="text/javascript" src="script/test.js"></script>
  <script type="text/javascript" src="script/data.js"></script>
  <script type="text/javascript" src="script/demo.js"></script>
  <script type="text/javascript" type="text/javascript">
    /**
     * Setup all visualization elements when the page is loaded.
     */
    function init() {
      // Connect to ROS.
       


      var mydemo =new MyDemo({
        divID:"mydemo"
      });
    }

    function addPoints(e) {
      console.log('addPoints');
    }
  </script>
</head>

<body onload="init()">
  <div>
    <button onclick="addPoints()">添加</button>
    <!-- <input type="button"  onclick="addPoints()">移除</button> -->
  </div>

  <div id="mydemo"></div>
</body>

</html>